<style>
    .tab-bar > li a{
        color: #777;
    }
    .tab-bar > li.active a{
        background-color: #f5f5f5;
        color: #111;
    }
    .tab-bar{
        background-color: #dddddd;
    }
    .xh-area-form table tr td {
        padding: 5px;
    }
</style>
<script>
    window.onload = function (ev) {
        $("[href='#style3Tab2']").click(function () {
            $('#style3Tab2 iframe').attr('src', baseUrl + 'follow/followList/2');
        });
    }
</script>
<div class="smart-widget widget-dark" style="height: 100%;width: 100%;margin-bottom: 0px;border-top: 1px solid #e6e6e6;">
    <div class="smart-widget-inner" style="height: 100%;width: 100%; background-color:#f5f5f5" >
        <div  class="widget-tab clearfix">
            <ul class="tab-bar" >
                <li class="active"><a href="#style3Tab1" data-toggle="tab">跟踪统计(学校)</a></li>
                <li class=""><a href="#style3Tab2" data-toggle="tab">跟踪统计(人员)</a></li>
            </ul>
        </div>
        <div class="smart-widget-body" style="height: 92%;width: 100%;padding-bottom: 0px;">
            <div class="tab-content" style="height: 100%;width: 100%;">
                <div class="tab-pane fade in active" id="style3Tab1" style="height: 100%;width: 100%;">
                    <iframe   src="{{ url('customer/follow/followList/1') }}"   style="width: 100%;height: 100%;border-style: none;padding: 0px;"  scrolling="yes"   ></iframe>
                </div><!-- ./tab-pane -->
                <div class="tab-pane fade"  id="style3Tab2" style="height: 100%;width: 100%">
                    <iframe      style="width: 100%;height: 100%;border-style: none;padding: 0px;"  scrolling="yes"   ></iframe>
                </div><!-- ./tab-pane -->

            </div><!-- ./tab-content -->
        </div>
    </div>
</div>